@charset "utf-8";
@import "reset";
*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100vw;
    height: 100vh;
}
.WebPage{
    width: 100vw;
    height: 100vh;
    position: relative;
}
.WebHead{
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items:center;
    height: 11vw;
    border-bottom: 1px solid #505050;
    >i{
        margin-left: 4vw;
    }
    >div{
        >i{
            margin-right:4vw ;
        }
    }
}
.WebContent{
    margin-top: 4vw;
}
.WebContent-img{
    display: flex;
    width: 100vw;
    justify-content: center;
    >img{
        width:9vw;
        height: 9vw;
    }
}
.WebContent-name{
    display: flex;
    width: 100vw;
    justify-content: space-around;
    >i:nth-of-type(1){
        font-size: 6vw;
    }
    >i:nth-of-type(2){
        font-size:6vw;
    }
    >p{
        margin-top: 2vw;
        >i{
            color: red;
        }
    }
}
.WebContent-biaoqian{
    display: flex;
    width: 100vw;
    height: 4vw;
    justify-content: center;
    align-items: flex-end;
    margin-bottom:3vw;
    >div{
        border:1px solid #e5e5e5;
        width: 8vw;
        height: 4vw;
        line-height: 4vw;
        text-align: center;
        margin: 0 1vw;
        border-radius:8px ;
        font-size: 3vw;
    }
}
.WebContent-Text{
    width:100vw;
    display: flex;
    justify-content: center;
    >p{
        width: 90vw;
        line-height: 6vw;
        font-size: 3vw;
    }
}
.WebContent-tupian-one{
    display: flex;
    flex-wrap:wrap ;
    justify-content: space-between;
    >div{
        margin-top: 1px;
        width: 33vw;
        height: 33vw;
        >img{
            width: 33vw;
            height: 33vw;
        }
    }
}
.WebContent-bottom{
    color: #cacaca;
    height: 10vw;
    width: 100vw;
    font-size: 3vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    >i{
        font-size: 3vw;
    }
    >i:nth-of-type(2){
        margin-left:18vw;
    }
}
.WebBottom{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    >ul{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100vw;
        height:60vw;
        background: white;
        >li{
            text-align: center;
            line-height: 12vw;
            width: 100vw;
            height: 12vw;
            border-bottom: 1px solid #dcdcdc;
        }
    }
}
